<script setup lang="ts">
  import InstrumentReservationRecordHead from "@/apps/client/components/InstrumentReservationRecordHead.vue";
  import InstrumentReturnBody from "@/apps/client/components/InstrumentReturnBody.vue";

  const props = defineProps<{ data: any; }>();
  const data = props.data;

  import {makeLoanStatus} from "@/apps/client/utils/recordStatusUtil"



  const status = makeLoanStatus(props.data)
</script>
<!--"id": 4,
                "instrumentName": "酒精灯",
                "status": "PENDING_REVIEW",
                "borrowTime": "2025-06-05T20:55:40",
                "returnTime": null,
                "remark": "测试",
                "realName": "浣熊",
                "currentLocation": null,
                "floorName": "一层本科教学平台",
                "roomSubType": "科研实验室",
                "roomNumber": 101-->
<template>
  <van-cell-group inset>
      <InstrumentReservationRecordHead :data="data" :status-text="status"/>
      <InstrumentReturnBody :data="data"/>
  </van-cell-group>
</template>

<style scoped>

</style>